<!DOCTYPE html>
<html id="home">

<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="yes" name="apple-touch-fullscreen" />
	<meta content="telephone=no,email=no" name="format-detection" />
	<meta name="App-Config" content="fullscreen=yes,useHistoryState=yes,transition=yes" />
	<link rel="stylesheet" type="text/css" href="./css/nav.min.css" />
	<link rel="stylesheet" type="text/css" href="./js/swiper/swiper-bundle.min.css" />
	<link rel="stylesheet" type="text/css" href="./css/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="./css/common.min.css" />
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

	<title>Fubit LiveMall</title>
</head>

<body>
	<div id="preloader">
		<div class='preloader'>
			<span></span>
			<span></span>
			<span></span>
			<span></span>
			<span></span>
			<span></span>
		</div>
	</div>
	<header id="header" class="nav-header">
		<div class="container-01">
			<div class="flex justify-between">

				<a class="logo" href="index.html">
					<img class="" src="./images/live_logo.png" />
				</a>
				<div class="flex align-center">
					<!-- <div class="pc-soso">
						<div class="search-con flex align-center">
							
							<div class="search-text">
								<input placeholder="搜索" />
							</div>
							<div class="btnSearch">
								<i class="iconfont iconsousuo"></i>
							</div>

						</div>
					</div> -->
					<div class="mob-soso">
						<a href="search.html">
							<i class="iconfont iconsousuo"></i>
						</a>
					</div>
					<div class="user">
						<a href="login.html">
							<i class="iconfont iconUser"></i>
						</a>
					</div>

					<div class="dropdown info_languages">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<div class="dropdown_text">繁體中文</div><span class="caret"></span>
						</a>
						<ul class="dropdown-menu" style="left:-50px;">
							<li data-val="tzh"><a href="javascript:;">
									<div class="dropdown_text">繁體中文</div>
								</a></li>
							<li data-val="zh"><a href="javascript:;">
									<div class="dropdown_text">简体中文</div>
								</a></li>
							<li data-val="en"><a href="javascript:;">
									<div class="dropdown_text">english</div>
								</a></li>
							<li data-val="id"><a href="javascript:;">
									<div class="dropdown_text">Indonesia</div>
								</a></li>
							<li data-val="th"><a href="javascript:;">
									<div class="dropdown_text">ไทย</div>
								</a></li>
							<li data-val="vi"><a href="javascript:;">
									<div class="dropdown_text">Tiếng Việt</div>
								</a></li>
							<li data-val="my"><a href="javascript:;">
									<div class="dropdown_text">ဗမာ</div>
								</a></li>
							<li data-val="ja"><a href="javascript:;">
									<div class="dropdown_text">日本語</div>
								</a></li>
						</ul>
					</div>
				</div>

			</div>


			<div class="my-nav">
				<div class="swiper">
					<div class="swiper-wrapper">
						<div class="swiper-slide active"><a href="index.html?idx=0">首页</a></div>
						<div class="swiper-slide"><a href="content.html?idx=1">直播</a></div>
						<div class="swiper-slide"><a href="content.html?idx=2">时尚</a></div>
						<div class="swiper-slide"><a href="content.html?idx=3"> 美丽</a></div>
						<div class="swiper-slide"><a href="content.html?idx=4">食物</a></div>
						<div class="swiper-slide"><a href="content.html?idx=5">生活</a></div>
						<div class="swiper-slide"><a href="content.html?idx=6">母婴</a></div>
						<div class="swiper-slide"><a href="content.html?idx=7">3C电子</a></div>
						<div class="swiper-slide"><a href="goods.html?idx=8">商品</a></div>
						<div class="swiper-slide"><a href="activity.html?idx=9">活动专区</a></div>
						<div class="swiper-slide"><a href="marketList.html?idx=10">市集商圈</a></div>
					</div>
				</div>
			</div>

		</div>
	</header>
	<section>

		<div class="banner">
			<div class="scroll-box">
				<div class="swiper banner-swiper">
					<!-- <div class="swiper-wrapper">
						<div class="swiper-slide">
							<a href="https://www.baidu.com">
								<div class="banner-bg banner-one">

									<h2>福幣直播商城 <br>台灣、馬來西亞、新加坡、香港、波蘭，臉書直播盡在這
									</h2>
								</div>
							</a>
						</div>
						<div class="swiper-slide">
							<div class="banner-bg banner-two">
								<h2>消費立享5%以上回饋點數<br>立即成為福幣用戶，享有消費及推薦回饋
								</h2>
							</div>
						</div>
					</div>
					<div class="swiper-pagination"></div>
					<div class="swiper-button-prev"></div>
					<div class="swiper-button-next"></div> -->

				</div>
				<!-- 如果需要导航按钮 -->


			</div>
		</div>
	</section>



	<section class="card">
		<div class="container-01">
			<div class="flex align-center justify-between block-tit">
				<div class="flex align-cener">
					<span class="block-tit-line "></span>
					<span class="block-tit-name">直播中</span>
				</div>
				<div class="more">
					<a href=""><span>更多</span> <i class="iconfont icongengduo1"></i></a>
				</div>

			</div>
			<div class="swiper-video myswiper0">
				<div class="swiper">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<div class="swiper-item-con">

								<div class="live-wrap">
									<div class="live-player">
										<a href="javascript:;" class="live-player-btn" title="點擊播放"><i
												class="iconfont iconbofang"></i></a>
										<a href="javascript:;" class="live-player-link" title="點擊前往FB直播"><span
												class="live-player-link-btn"></span></a>
									</div>
									<div class="live-load">
										<img src="./images/loading.png" alt="">
									</div>
									<div class="live-body">
										<video width="100%" height="100%" loop="loop" preload="auto"
											poster="./images/mock/pic-1.jpg" src="./images/mock/video/video1.mp4"
											x-webkit-airplay="true" webkit-playsinline="true" x5-video-player-type="h5"
											playsinline=""></video>
									</div>
									<span class="live-head flex align-center">
										<span class="live-icon shiny">LIVE</span>
										<span class="live-num">2,414 次观看</span>
									</span>
									<span class="live-foot">
										<div href="javascript:;" class="live-source flex align-center justify-end ">
											<span class="live-source-logo"><img src="./images/fbit_logo.png"
													alt=""></span>
											<span class="live-source-discount">1%</span>
										</div>
									</span>
								</div>
								<span class="live-tit">
									明月几时有？把酒问青天不知天上宫阙
								</span>

								<a class="live-shop flex align-center" href="javascript:;">
									<span class="live-shop-icon"><img src="./images/fbit_logo.png"></span>
									<span class="live-shop-name">琼楼玉宇</span>
								</a>
							</div>

						</div>
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<a href="javascript:;">
									<div class="live-wrap">
										<div class="live-player">
											<a href="javascript:;" class="live-player-btn" title="點擊播放"><i
													class="iconfont iconbofang"></i></a>
											<a href="javascript:;" class="live-player-link" title="點擊前往FB直播"><span
													class="live-player-link-btn"></span></a>
										</div>
										<div class="live-load">
											<img src="./images/loading.png" alt="">
										</div>
										<div class="live-body">
											<video width="100%" height="100%" loop="loop" preload="auto"
												poster="./images/mock/pic-6.jpg" src="./images/mock/video/video2.mp4"
												x-webkit-airplay="true" webkit-playsinline="true"
												x5-video-player-type="h5" playsinline=""></video>
										</div>
										<span class="live-head flex align-center">
											<span class="live-icon shiny">LIVE</span>
											<span class="live-num">2,414 次观看</span>
										</span>
										<span class="live-foot">
											<div href="javascript:;" class="live-source flex align-center justify-end ">
												<span class="live-source-logo"><img src="./images/fbit_logo.png"
														alt=""></span>
												<span class="live-source-discount">1%</span>
											</div>
										</span>
									</div>
									<span class="live-tit">
										明月几时有？把酒问青天不知天上宫阙
									</span>
								</a>
								<a class="live-shop flex align-center" href="javascript:;">
									<span class="live-shop-icon"><img src="./images/fbit_logo.png"></span>
									<span class="live-shop-name">琼楼玉宇</span>
								</a>
							</div>

						</div>
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<a href="javascript:;">
									<div class="live-wrap">
										<div class="live-load">
											<img src="./images/loading.png" alt="">
										</div>
										<div class="live-body">
											<video width="100%" height="100%" src="./images/mock/video/video2.mp4"
												loop="loop" preload="metadata" x-webkit-airplay="true"
												webkit-playsinline="true" x5-video-player-type="h5"
												playsinline="">您的浏览器暂不支持播放该视频，请升级至最新版浏览器。</video>
										</div>
										<span class="live-head flex align-center">
											<span class="live-icon shiny">LIVE</span>
											<span class="live-num">2,414 次观看</span>
										</span>
										<span class="live-foot">
											<div href="javascript:;" class="live-source flex align-center justify-end ">
												<span class="live-source-logo"><img src="./images/fbit_logo.png"
														alt=""></span>
												<span class="live-source-discount">1%</span>
											</div>
										</span>
									</div>
									<span class="live-tit">
										明月几时有？把酒问青天不知天上宫阙
									</span>
								</a>
								<a class="live-shop flex align-center" href="javascript:;">
									<span class="live-shop-icon"><img src="./images/fbit_logo.png"></span>
									<span class="live-shop-name">琼楼玉宇</span>
								</a>
							</div>

						</div>
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<a href="javascript:;">
									<div class="live-wrap">
										<div class="live-load">
											<img src="./images/loading.png" alt="">
										</div>
										<div class="live-body">
											<video width="100%" height="100%" src="./images/mock/video/video1.mp4"
												loop="loop" preload="metadata" x-webkit-airplay="true"
												webkit-playsinline="true" x5-video-player-type="h5"
												playsinline="">您的浏览器暂不支持播放该视频，请升级至最新版浏览器。</video>
										</div>
										<span class="live-head flex align-center">
											<span class="live-icon shiny">LIVE</span>
											<span class="live-num">2,414 次观看</span>
										</span>
										<span class="live-foot">
											<div href="javascript:;" class="live-source flex align-center justify-end ">
												<span class="live-source-logo"><img src="./images/fbit_logo.png"
														alt=""></span>
												<span class="live-source-discount">1%</span>
											</div>
										</span>
									</div>
									<span class="live-tit">
										明月几时有？把酒问青天不知天上宫阙
									</span>
								</a>
								<a class="live-shop flex align-center" href="javascript:;">
									<span class="live-shop-icon"><img src="./images/fbit_logo.png"></span>
									<span class="live-shop-name">琼楼玉宇</span>
								</a>
							</div>

						</div>
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<a href="javascript:;">
									<div class="live-wrap">
										<div class="live-load">
											<img src="./images/loading.png" alt="">
										</div>
										<div class="live-body">
											<video width="100%" height="100%" src="./images/mock/video/video1.mp4"
												loop="loop" preload="metadata" x-webkit-airplay="true"
												webkit-playsinline="true" x5-video-player-type="h5"
												playsinline="">您的浏览器暂不支持播放该视频，请升级至最新版浏览器。</video>
										</div>
										<span class="live-head flex align-center">
											<span class="live-icon shiny">LIVE</span>
											<span class="live-num">2,414 次观看</span>
										</span>
										<span class="live-foot">
											<div href="javascript:;" class="live-source flex align-center justify-end ">
												<span class="live-source-logo"><img src="./images/fbit_logo.png"
														alt=""></span>
												<span class="live-source-discount">1%</span>
											</div>
										</span>
									</div>
									<span class="live-tit">
										明月几时有？把酒问青天不知天上宫阙
									</span>
								</a>
								<a class="live-shop flex align-center" href="javascript:;">
									<span class="live-shop-icon"><img src="./images/fbit_logo.png"></span>
									<span class="live-shop-name">琼楼玉宇</span>
								</a>
							</div>

						</div>
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<a href="javascript:;">
									<div class="live-wrap">
										<div class="live-load">
											<img src="./images/loading.png" alt="">
										</div>
										<div class="live-body">
											<video width="100%" height="100%" src="" loop="loop" preload="metadata"
												x-webkit-airplay="true" webkit-playsinline="true"
												x5-video-player-type="h5"
												playsinline="">您的浏览器暂不支持播放该视频，请升级至最新版浏览器。</video>
										</div>
										<span class="live-head flex align-center">
											<span class="live-icon shiny">LIVE</span>
											<span class="live-num">2,414 次观看</span>
										</span>
										<span class="live-foot">
											<div href="javascript:;" class="live-source flex align-center justify-end ">
												<span class="live-source-logo"><img src="./images/fbit_logo.png"
														alt=""></span>
												<span class="live-source-discount">1%</span>
											</div>
										</span>
									</div>
									<span class="live-tit">
										明月几时有？把酒问青天不知天上宫阙
									</span>
								</a>
								<a class="live-shop flex align-center" href="javascript:;">
									<span class="live-shop-icon"><img src="./images/fbit_logo.png"></span>
									<span class="live-shop-name">琼楼玉宇</span>
								</a>
							</div>

						</div>
					</div>


				</div>
			</div>

		</div>
	</section>
	<section class="card">
		<div class="container-01">

			<div class="flex align-center block-tit">
				<span class="block-tit-line "></span>
				<span class="block-tit-name">熱門直播TOP10</span>
			</div>
			<div class="swiper-video myswiper1">
				<div class="swiper">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<a href="javascript:;">
									<div class="live-wrap">
										<div class="live-player">
											<a href="javascript:;" class="live-player-btn"><i
													class="iconfont iconbofang"></i></a>
											<a href="javascript:;" class="live-player-link"><span
													class="live-player-link-btn"></span></a>
										</div>
										<div class="live-load">
											<img src="./images/loading.png" alt="">
										</div>
										<div class="live-body"><img src="./images/mock/pic-5.jpg" alt=""></div>
										<span class="live-head flex align-center">
											<span class="live-icon shiny">LIVE</span>
											<span class="live-num">2,414 次观看</span>
										</span>
										<span class="live-foot">
											<div href="javascript:;" class="live-source flex align-center justify-end ">
												<span class="live-source-logo"><img src="./images/fbit_logo.png"
														alt=""></span>
												<span class="live-source-discount">1%</span>
											</div>
										</span>
									</div>
									<span class="live-tit">
										明月几时有？把酒问青天不知天上宫阙
									</span>
								</a>
								<a class="live-shop flex align-center" href="javascript:;">
									<span class="live-shop-icon"><img src="./images/fbit_logo.png"></span>
									<span class="live-shop-name">琼楼玉宇</span>
								</a>
							</div>

						</div>
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<a href="javascript:;">
									<div class="live-wrap">
										<div class="live-load">
											<img src="./images/loading.png" alt="">
										</div>
										<div class="live-body"><img src="" alt=""></div>
										<span class="live-head flex align-center">
											<span class="live-icon shiny">LIVE</span>
											<span class="live-num">2,414 次观看</span>
										</span>
										<span class="live-foot">
											<div href="javascript:;" class="live-source flex align-center justify-end ">
												<span class="live-source-logo"><img src="./images/fbit_logo.png"
														alt=""></span>
												<span class="live-source-discount">1%</span>
											</div>
										</span>
									</div>
									<span class="live-tit">
										明月几时有？把酒问青天不知天上宫阙
									</span>
								</a>
								<a class="live-shop flex align-center" href="javascript:;">
									<span class="live-shop-icon"><img src="./images/fbit_logo.png"></span>
									<span class="live-shop-name">琼楼玉宇</span>
								</a>
							</div>

						</div>
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<a href="javascript:;">
									<div class="live-wrap">
										<div class="live-load">
											<img src="./images/loading.png" alt="">
										</div>
										<div class="live-body"><img src="./images/mock/pic-4.jpg" alt=""></div>
										<span class="live-head flex align-center">
											<span class="live-icon shiny">LIVE</span>
											<span class="live-num">2,414 次观看</span>
										</span>
										<span class="live-foot">
											<div href="javascript:;" class="live-source flex align-center justify-end ">
												<span class="live-source-logo"><img src="./images/fbit_logo.png"
														alt=""></span>
												<span class="live-source-discount">1%</span>
											</div>
										</span>
									</div>
									<span class="live-tit">
										明月几时有？把酒问青天不知天上宫阙
									</span>
								</a>
								<a class="live-shop flex align-center" href="javascript:;">
									<span class="live-shop-icon"><img src="./images/fbit_logo.png"></span>
									<span class="live-shop-name">琼楼玉宇</span>
								</a>
							</div>

						</div>
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<a href="javascript:;">
									<div class="live-wrap">
										<div class="live-load">
											<img src="./images/loading.png" alt="">
										</div>
										<div class="live-body"><img src="./images/mock/pic-3.jpg" alt=""></div>
										<span class="live-head flex align-center">
											<span class="live-icon shiny">LIVE</span>
											<span class="live-num">2,414 次观看</span>
										</span>
										<span class="live-foot">
											<div href="javascript:;" class="live-source flex align-center justify-end ">
												<span class="live-source-logo"><img src="./images/fbit_logo.png"
														alt=""></span>
												<span class="live-source-discount">1%</span>
											</div>
										</span>
									</div>
									<span class="live-tit">
										明月几时有？把酒问青天不知天上宫阙
									</span>
								</a>
								<a class="live-shop flex align-center" href="javascript:;">
									<span class="live-shop-icon"><img src="./images/fbit_logo.png"></span>
									<span class="live-shop-name">琼楼玉宇</span>
								</a>
							</div>

						</div>
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<a href="javascript:;">
									<div class="live-wrap">
										<div class="live-load">
											<img src="./images/loading.png" alt="">
										</div>
										<div class="live-body"><img src="./images/mock/pic-2.jpg" alt=""></div>
										<span class="live-head flex align-center">
											<span class="live-icon shiny">LIVE</span>
											<span class="live-num">2,414 次观看</span>
										</span>
										<span class="live-foot">
											<div href="javascript:;" class="live-source flex align-center justify-end ">
												<span class="live-source-logo"><img src="./images/fbit_logo.png"
														alt=""></span>
												<span class="live-source-discount">1%</span>
											</div>
										</span>
									</div>
									<span class="live-tit">
										明月几时有？把酒问青天不知天上宫阙
									</span>
								</a>
								<a class="live-shop flex align-center" href="javascript:;">
									<span class="live-shop-icon"><img src="./images/fbit_logo.png"></span>
									<span class="live-shop-name">琼楼玉宇</span>
								</a>
							</div>

						</div>
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<a href="javascript:;">
									<div class="live-wrap">
										<div class="live-load">
											<img src="./images/loading.png" alt="">
										</div>
										<div class="live-body"><img src="./images/mock/pic-1.jpg" alt=""></div>
										<span class="live-head flex align-center">
											<span class="live-icon shiny">LIVE</span>
											<span class="live-num">2,414 次观看</span>
										</span>
										<span class="live-foot">
											<div href="javascript:;" class="live-source flex align-center justify-end ">
												<span class="live-source-logo"><img src="./images/fbit_logo.png"
														alt=""></span>
												<span class="live-source-discount">1%</span>
											</div>
										</span>
									</div>
									<span class="live-tit">
										明月几时有？把酒问青天不知天上宫阙
									</span>
								</a>
								<a class="live-shop flex align-center" href="javascript:;">
									<span class="live-shop-icon"><img src="./images/fbit_logo.png"></span>
									<span class="live-shop-name">琼楼玉宇</span>
								</a>
							</div>

						</div>
					</div>


				</div>
			</div>

		</div>
	</section>
	<section class="card">
		<div class="type-menu-wrap">
			<div class="container-01">
				<div class="flex align-center justify-between">
					<div class="swiper">
						<div class="swiper-wrapper flex align-center">
							<div class="swiper-slide"><a class="btn menu-btn active">食物</a></div>
							<div class="swiper-slide"><a class="btn menu-btn">生活</a></div>
							<div class="swiper-slide"><a class="btn menu-btn">时尚</a></div>
							<div class="swiper-slide"><a class="btn menu-btn"> 美丽</a></div>
							<div class="swiper-slide"><a class="btn menu-btn"> 母婴</a></div>
							<div class="swiper-slide"><a class="btn menu-btn"> 3C电子</a></div>
							<div class="swiper-slide"><a class="btn menu-btn"> 商品</a></div>
						</div>
					</div>
					<a class="more" href="javascript:;"><span>更多</span> <i class="iconfont icongengduo1"></i></a>
				</div>

			</div>
		</div>
		<div class="container-01 mt-20">
			<div class="swiper-video myswiper2">
				<div class="swiper">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<a href="javascript:;">
									<div class="live-wrap">
										<div class="live-load">
											<img src="./images/loading.png" alt="">
										</div>
										<div class="live-body"><img src="./images/mock/pic-1.jpg" alt=""></div>
										<span class="live-head flex align-center">
											<span class="live-icon shiny">LIVE</span>
											<span class="live-num">2,414 次观看</span>
										</span>
										<span class="live-foot">
											<div href="javascript:;" class="live-source flex align-center justify-end ">
												<span class="live-source-logo"><img src="./images/fbit_logo.png"
														alt=""></span>
												<span class="live-source-discount">1%</span>
											</div>
										</span>
									</div>
									<span class="live-tit">
										明月几时有？把酒问青天不知天上宫阙
									</span>
								</a>
								<a class="live-shop flex align-center" href="javascript:;">
									<span class="live-shop-icon"><img src="./images/fbit_logo.png"></span>
									<span class="live-shop-name">琼楼玉宇</span>
								</a>
							</div>

						</div>
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<a href="javascript:;">
									<div class="live-wrap">
										<div class="live-load">
											<img src="./images/loading.png" alt="">
										</div>
										<div class="live-body"><img src="./images/mock/pic-5.jpg" alt=""></div>
										<span class="live-head flex align-center">
											<span class="live-icon shiny">LIVE</span>
											<span class="live-num">2,414 次观看</span>
										</span>
										<span class="live-foot">
											<div href="javascript:;" class="live-source flex align-center justify-end ">
												<span class="live-source-logo"><img src="./images/fbit_logo.png"
														alt=""></span>
												<span class="live-source-discount">1%</span>
											</div>
										</span>
									</div>
									<span class="live-tit">
										明月几时有？把酒问青天不知天上宫阙
									</span>
								</a>
								<a class="live-shop flex align-center" href="javascript:;">
									<span class="live-shop-icon"><img src="./images/fbit_logo.png"></span>
									<span class="live-shop-name">琼楼玉宇</span>
								</a>
							</div>

						</div>
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<a href="javascript:;">
									<div class="live-wrap">
										<div class="live-load">
											<img src="./images/loading.png" alt="">
										</div>
										<div class="live-body"><img src="./images/mock/pic-3.jpg" alt=""></div>
										<span class="live-head flex align-center">
											<span class="live-icon shiny">LIVE</span>
											<span class="live-num">2,414 次观看</span>
										</span>
										<span class="live-foot">
											<div href="javascript:;" class="live-source flex align-center justify-end ">
												<span class="live-source-logo"><img src="./images/fbit_logo.png"
														alt=""></span>
												<span class="live-source-discount">1%</span>
											</div>
										</span>
									</div>
									<span class="live-tit">
										明月几时有？把酒问青天不知天上宫阙
									</span>
								</a>
								<a class="live-shop flex align-center" href="javascript:;">
									<span class="live-shop-icon"><img src="./images/fbit_logo.png"></span>
									<span class="live-shop-name">琼楼玉宇</span>
								</a>
							</div>

						</div>
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<a href="javascript:;">
									<div class="live-wrap">
										<div class="live-load">
											<img src="./images/loading.png" alt="">
										</div>
										<div class="live-body"><img src="./images/mock/pic-5.jpg" alt=""></div>
										<span class="live-head flex align-center">
											<span class="live-icon shiny">LIVE</span>
											<span class="live-num">2,414 次观看</span>
										</span>
										<span class="live-foot">
											<div href="javascript:;" class="live-source flex align-center justify-end ">
												<span class="live-source-logo"><img src="./images/fbit_logo.png"
														alt=""></span>
												<span class="live-source-discount">1%</span>
											</div>
										</span>
									</div>
									<span class="live-tit">
										明月几时有？把酒问青天不知天上宫阙
									</span>
								</a>
								<a class="live-shop flex align-center" href="javascript:;">
									<span class="live-shop-icon"><img src="./images/fbit_logo.png"></span>
									<span class="live-shop-name">琼楼玉宇</span>
								</a>
							</div>

						</div>
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<a href="javascript:;">
									<div class="live-wrap">
										<div class="live-load">
											<img src="./images/loading.png" alt="">
										</div>
										<div class="live-body"><img src="./images/mock/pic-6.jpg" alt=""></div>
										<span class="live-head flex align-center">
											<span class="live-icon shiny">LIVE</span>
											<span class="live-num">2,414 次观看</span>
										</span>
										<span class="live-foot">
											<div href="javascript:;" class="live-source flex align-center justify-end ">
												<span class="live-source-logo"><img src="./images/fbit_logo.png"
														alt=""></span>
												<span class="live-source-discount">1%</span>
											</div>
										</span>
									</div>
									<span class="live-tit">
										明月几时有？把酒问青天不知天上宫阙
									</span>
								</a>
								<a class="live-shop flex align-center" href="javascript:;">
									<span class="live-shop-icon"><img src="./images/fbit_logo.png"></span>
									<span class="live-shop-name">琼楼玉宇</span>
								</a>
							</div>

						</div>
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<a href="javascript:;">
									<div class="live-wrap">
										<div class="live-load">
											<img src="./images/loading.png" alt="">
										</div>
										<div class="live-body"><img src="./images/mock/pic-6.jpg" alt=""></div>
										<span class="live-head flex align-center">
											<span class="live-icon shiny">LIVE</span>
											<span class="live-num">2,414 次观看</span>
										</span>
										<span class="live-foot">
											<div href="javascript:;" class="live-source flex align-center justify-end ">
												<span class="live-source-logo"><img src="./images/fbit_logo.png"
														alt=""></span>
												<span class="live-source-discount">1%</span>
											</div>
										</span>
									</div>
									<span class="live-tit">
										明月几时有？把酒问青天不知天上宫阙
									</span>
								</a>
								<a class="live-shop flex align-center" href="javascript:;">
									<span class="live-shop-icon"><img src="./images/fbit_logo.png"></span>
									<span class="live-shop-name">琼楼玉宇</span>
								</a>
							</div>

						</div>
					</div>


				</div>
			</div>
		</div>
	</section>
	<section class="card pb-50">
		<div class="container-01">

			<div class="flex align-center block-tit">
				<span class="block-tit-line"></span>
				<span class="block-tit-name">預告</span>
			</div>
			<div class="swiper-video myswiper3">
				<div class="swiper">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<a href="javascript:;">
									<div class="live-wrap">
										<div class="live-load">
											<img src="./images/loading.png" alt="">
										</div>
										<div class="live-body"><img src="./images/mock/pic-2.jpg" alt=""></div>
										<span class="live-head flex align-center">
											<i class="iconfont iconyanjing"></i>
											<span class="live-num">2,414 次观看</span>
										</span>
										<span class="live-foot">
											<div href="javascript:;" class="live-source flex align-center justify-end ">
												<span class="live-source-logo"><img src="./images/EC2_logo.png"
														alt=""></span>
											</div>
										</span>
									</div>
									<span class="live-tit">
										明月几时有？把酒问青天不知天上宫阙
									</span>
								</a>
								<a class="live-shop flex align-center" href="javascript:;">
									<span class="live-shop-icon"><img src="./images/fbit_logo.png"></span>
									<span class="live-shop-name">琼楼玉宇</span>
								</a>
								<div class="flex align-center justify-end">
									<div class="live-subscribe"><a href="javascript:;" class="btn-o-mini">訂閱</a></div>

								</div>

							</div>

						</div>
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<a href="javascript:;">
									<div class="live-wrap">
										<div class="live-load">
											<img src="./images/loading.png" alt="">
										</div>
										<div class="live-body"><img src="./images/mock/pic-5.jpg" alt=""></div>
										<span class="live-head flex align-center">
											<i class="iconfont iconyanjing"></i>
											<span class="live-num">2,414 次观看</span>
										</span>
										<span class="live-foot">
											<div href="javascript:;" class="live-source flex align-center justify-end ">
												<span class="live-source-logo"><img src="./images/fbit_logo.png"
														alt=""></span>
												<span class="live-source-discount">1%</span>
											</div>
										</span>
									</div>
									<span class="live-tit">
										明月几时有？把酒问青天不知天上宫阙
									</span>
								</a>
								<a class="live-shop flex align-center" href="javascript:;">
									<span class="live-shop-icon"><img src="./images/fbit_logo.png"></span>
									<span class="live-shop-name">琼楼玉宇</span>
								</a>
								<div class="flex align-center justify-end">
									<div class="live-subscribe"><a href="contact.html" class="btn-o-mini">訂閱</a></div>

								</div>

							</div>

						</div>
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<a href="javascript:;">
									<div class="live-wrap">
										<div class="live-load">
											<img src="./images/loading.png" alt="">
										</div>
										<div class="live-body"><img src="./images/mock/pic-4.jpg" alt=""></div>
										<span class="live-head flex align-center">
											<i class="iconfont iconyanjing"></i>
											<span class="live-num">2,414 次观看</span>
										</span>
										<span class="live-foot">
											<div href="javascript:;" class="live-source flex align-center justify-end ">
												<span class="live-source-logo"><img src="./images/fbit_logo.png"
														alt=""></span>
												<span class="live-source-discount">1%</span>
											</div>
										</span>
									</div>
									<span class="live-tit">
										明月几时有？把酒问青天不知天上宫阙
									</span>



								</a>
								<a class="live-shop flex align-center" href="javascript:;">
									<span class="live-shop-icon"><img src="./images/fbit_logo.png"></span>
									<span class="live-shop-name">琼楼玉宇</span>
								</a>
								<div class="flex align-center justify-end">
									<div class="live-subscribe"><a href="contact.html" class="btn-o-mini">訂閱</a></div>

								</div>

							</div>

						</div>
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<a href="javascript:;">
									<div class="live-wrap">
										<div class="live-load">
											<img src="./images/loading.png" alt="">
										</div>
										<div class="live-body"><img src="./images/mock/pic-4.jpg" alt=""></div>
										<span class="live-head flex align-center">
											<i class="iconfont iconyanjing"></i>
											<span class="live-num">2,414 次观看</span>
										</span>
										<span class="live-foot">
											<div href="javascript:;" class="live-source flex align-center justify-end ">
												<span class="live-source-logo"><img src="./images/fbit_logo.png"
														alt=""></span>
												<span class="live-source-discount">1%</span>
											</div>
										</span>
									</div>
									<span class="live-tit">
										明月几时有？把酒问青天不知天上宫阙
									</span>



								</a>
								<a class="live-shop flex align-center" href="javascript:;">
									<span class="live-shop-icon"><img src="./images/fbit_logo.png"></span>
									<span class="live-shop-name">琼楼玉宇</span>
								</a>
								<div class="flex align-center justify-end">
									<div class="live-subscribe"><a href="javascript:;" class="btn-o-mini">訂閱</a></div>

								</div>

							</div>

						</div>
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<a href="javascript:;">
									<div class="live-wrap">
										<div class="live-load">
											<img src="./images/loading.png" alt="">
										</div>
										<div class="live-body"><img src="" alt=""></div>
										<span class="live-head flex align-center">
											<i class="iconfont iconyanjing"></i>
											<span class="live-num">2,414 次观看</span>
										</span>
										<span class="live-foot">
											<div href="javascript:;" class="live-source flex align-center justify-end ">
												<span class="live-source-logo"><img src="./images/fbit_logo.png"
														alt=""></span>
												<span class="live-source-discount">1%</span>
											</div>
										</span>
									</div>
									<span class="live-tit">
										明月几时有？把酒问青天不知天上宫阙
									</span>



								</a>
								<a class="live-shop flex align-center" href="javascript:;">
									<span class="live-shop-icon"><img src="./images/fbit_logo.png"></span>
									<span class="live-shop-name">琼楼玉宇</span>
								</a>
								<div class="flex align-center justify-end">
									<div class="live-subscribe"><a href="javascript:;" class="btn-o-mini">訂閱</a></div>

								</div>

							</div>

						</div>
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<a href="javascript:;">
									<div class="live-wrap">
										<div class="live-load">
											<img src="./images/loading.png" alt="">
										</div>
										<div class="live-body"><img src="./images/mock/pic-1.jpg" alt=""></div>
										<span class="live-head flex align-center">
											<i class="iconfont iconyanjing"></i>
											<span class="live-num">2,414 次观看</span>
										</span>
										<span class="live-foot">
											<div href="javascript:;" class="live-source flex align-center justify-end ">
												<span class="live-source-logo"><img src="./images/fbit_logo.png"
														alt=""></span>
												<span class="live-source-discount">1%</span>
											</div>
										</span>
									</div>
									<span class="live-tit">
										明月几时有？把酒问青天不知天上宫阙
									</span>



								</a>
								<a class="live-shop flex align-center" href="javascript:;">
									<span class="live-shop-icon"><img src="./images/fbit_logo.png"></span>
									<span class="live-shop-name">琼楼玉宇</span>
								</a>
								<div class="flex align-center justify-end">
									<div class="live-subscribe"><a href="javascript:;" class="btn-o-mini">訂閱</a></div>

								</div>

							</div>

						</div>
					</div>


				</div>
			</div>

		</div>
	</section>
	<section class="card pb-50">
		<div class="container-01">
            <div class="flex align-center justify-between block-tit">
				<div class="flex align-cener">
					<span class="block-tit-line "></span>
					<span class="block-tit-name">市集商圈</span>
				</div>
				<div class="more">
					<a href="marketList.html?idx=10"><span>更多</span> <i class="iconfont icongengduo1"></i></a>
				</div>

			</div>
			<div class="swiper-video myswiper3">
				<div class="swiper">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<a target="_blank" href="">
									<div class="live-wrap">
										<div class="live-load">
											<img src="./images/loading.png" alt="">
										</div>
										<div class="live-body"><img src="./images/mock/pic-2.jpg" alt=""></div>
									</div>
									<span class="live-tit">
										商圈介绍
									</span>
								</a>
								<a class="live-shop flex align-center" href="javascript:;">
									<span class="live-shop-icon"><img src="./images/fbit_logo.png"></span>
									<span class="live-shop-name">商圈名称</span>
								</a>

							</div>

						</div>
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<a target="_blank" href="http://sshhlldd.gitee.io/fubit-market/">
									<div class="live-wrap">
										<div class="live-load">
											<img src="./images/loading.png" alt="">
										</div>
										<div class="live-body"><img src="./images/mock/pic-5.jpg" alt=""></div>
									
									</div>
									<span class="live-tit">
										明月几时有？把酒问青天不知天上宫阙
									</span>
								</a>
								<a class="live-shop flex align-center" href="javascript:;">
									<span class="live-shop-icon"><img src="./images/fbit_logo.png"></span>
									<span class="live-shop-name">琼楼玉宇</span>
								</a>

							</div>

						</div>
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<a target="_blank" href="http://sshhlldd.gitee.io/fubit-market/">
									<div class="live-wrap">
										<div class="live-load">
											<img src="./images/loading.png" alt="">
										</div>
										<div class="live-body"><img src="./images/mock/pic-4.jpg" alt=""></div>
									
									</div>
									<span class="live-tit">
										明月几时有？把酒问青天不知天上宫阙
									</span>



								</a>
								<a class="live-shop flex align-center" href="javascript:;">
									<span class="live-shop-icon"><img src="./images/fbit_logo.png"></span>
									<span class="live-shop-name">琼楼玉宇</span>
								</a>

							</div>

						</div>
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<a target="_blank" href="http://sshhlldd.gitee.io/fubit-market/">
									<div class="live-wrap">
										<div class="live-load">
											<img src="./images/loading.png" alt="">
										</div>
										<div class="live-body"><img src="./images/mock/pic-4.jpg" alt=""></div>
									
									</div>
									<span class="live-tit">
										明月几时有？把酒问青天不知天上宫阙
									</span>



								</a>
								<a class="live-shop flex align-center" href="javascript:;">
									<span class="live-shop-icon"><img src="./images/fbit_logo.png"></span>
									<span class="live-shop-name">琼楼玉宇</span>
								</a>

							</div>

						</div>
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<a target="_blank" href="http://sshhlldd.gitee.io/fubit-market/">
									<div class="live-wrap">
										<div class="live-load">
											<img src="./images/loading.png" alt="">
										</div>
										<div class="live-body"><img src="" alt=""></div>
									
									</div>
									<span class="live-tit">
										明月几时有？把酒问青天不知天上宫阙
									</span>



								</a>
								<a class="live-shop flex align-center" href="javascript:;">
									<span class="live-shop-icon"><img src="./images/fbit_logo.png"></span>
									<span class="live-shop-name">琼楼玉宇</span>
								</a>

							</div>

						</div>
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<a href="javascript:;">
									<div class="live-wrap">
										<div class="live-load">
											<img src="./images/loading.png" alt="">
										</div>
										<div class="live-body"><img src="./images/mock/pic-1.jpg" alt=""></div>
										
										
									</div>
									<span class="live-tit">
										明月几时有？把酒问青天不知天上宫阙
									</span>



								</a>
								<a class="live-shop flex align-center" href="javascript:;">
									<span class="live-shop-icon"><img src="./images/fbit_logo.png"></span>
									<span class="live-shop-name">琼楼玉宇</span>
								</a>

							</div>

						</div>
					</div>


				</div>
			</div>

		</div>
	</section>
	<!-- <section class="card pb-50">
		<div class="container-01">

			<div class="flex align-center block-tit">
				<span class="block-tit-line"></span>
				<span class="block-tit-name">活动专区</span>
			</div>
			<div class="live-iframe-con swiper-video">
				<div class="swiper">
					<div class="swiper-wrapper">
						<div class="swiper-slide">

							<div class="swiper-item-con">
								<div class="live-iframe">
									<iframe
										src="https://blog.csdn.net/weixin_36401046/article/details/72782286"></iframe>
								</div>



							</div>



						</div>

						<div class="swiper-slide">
							<div class="swiper-item-con">
								<div class="live-iframe">
									<iframe src="https://www.bilibili.com/video/BV1mf4y1v7KH?t=3.1"></iframe>
								</div>



							</div>

						</div>
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<div class="live-iframe">
									<iframe src="https://www.bilibili.com/video/BV1mf4y1v7KH?t=3.1"></iframe>
								</div>



							</div>

						</div>
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<div class="live-iframe">
									<iframe src="https://www.bilibili.com/video/BV1mf4y1v7KH?t=3.1"></iframe>
								</div>



							</div>

						</div>
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<div class="live-iframe">
									<iframe src="https://www.bilibili.com/video/BV1mf4y1v7KH?t=3.1"></iframe>
								</div>



							</div>

						</div>
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<div class="live-iframe">
									<iframe src="https://www.bilibili.com/video/BV1mf4y1v7KH?t=3.1"></iframe>
								</div>



							</div>

						</div>
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<div class="live-iframe">
									<iframe src="https://www.bilibili.com/video/BV1mf4y1v7KH?t=3.1"></iframe>
								</div>



							</div>

						</div>
						<div class="swiper-slide">
							<div class="swiper-item-con">
								<div class="live-iframe">
									<iframe src="https://www.bilibili.com/video/BV1mf4y1v7KH?t=3.1"></iframe>
								</div>
							</div>

						</div>
					</div>


				</div>
			</div>

		</div>
	</section> -->
	<section class="card no-padding">
		<div class="container-01">
			<div class="flex align-center block-tit">
				<span class="block-tit-line"></span>
				<span class="block-tit-name">活动专区</span>
			</div>
			<div class="live-list live-iframe-con">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<div class="swiper-item-con">

							<div class="live-iframe">
								<iframe scrolling="auto"
									src="https://blog.csdn.net/weixin_36401046/article/details/72782286"></iframe>
							</div>
						</div>

					</div>
					<div class="swiper-slide">
						<div class="swiper-item-con">
							<div class="live-iframe">
								<iframe src="https://www.bilibili.com/video/BV1mf4y1v7KH?t=3.1"></iframe>
							</div>
						</div>

					</div>
					<div class="swiper-slide">
						<div class="swiper-item-con">
							<div class="live-iframe">
								<iframe src="https://www.bilibili.com/video/BV1mf4y1v7KH?t=3.1"></iframe>
							</div>
						</div>

					</div>
					<div class="swiper-slide">
						<div class="swiper-item-con">
							<div class="live-iframe">
								<iframe src="https://www.bilibili.com/video/BV1mf4y1v7KH?t=3.1"></iframe>
							</div>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="swiper-item-con">
							<div class="live-iframe">
								<iframe src="https://www.bilibili.com/video/BV1mf4y1v7KH?t=3.1"></iframe>
							</div>
						</div>

					</div>
				</div>

			</div>

		</div>
	</section>
	<footer id="footer">
		<div class="top-footer">
			<div class="contact-flex">
				<div class="contact-wrap">
					<img src="./images/fbit_logo1.png" alt="">
					<h4 class="mt-20">直接註冊成為福幣商家</h4>
					<p class="btn-con"><a href="http://ec2.full2house.com/Ent/index.php?a=Login" target="_blank"
							class="btn btn-o-main">立即註冊</a></p>
					<p class="btn-con"><a href="contact.html" class="btn btn-main">聯絡我們</a></p>
				</div>
				<div class="">
					<form class="form pro">
						<div class="form-group flex align-center">
							<label class="control-label"><em>*</em> 姓名：</label>
							<div class="">
								<input name="name" type="text" class="form-control formname" value=""
									data-toggle="tooltip" data-placement="top" title="請輸入姓名">
							</div>
						</div>
						<div class="form-group flex align-center">
							<label class="control-label"><em>*</em> 電話：</label>
							<div class="">
								<input name="phone" type="text" class="form-control formphone" value=""
									data-toggle="tooltip" data-placement="top" title="請輸入正確電話">
							</div>
						</div>
						<div class="form-group flex align-center">
							<label class="control-label"><em>*</em> 郵箱：</label>
							<div class="">
								<input name="email" type="email" class="form-control formemail" value=""
									data-toggle="tooltip" data-placement="top" title="請輸入正確郵箱">
							</div>
						</div>
						<div class="form-group flex align-center">
							<label class="control-label">商品类别：</label>
							<div class="">
								<input name="email" class="form-control">
							</div>
						</div>
						<div class="form-group flex align-center">
							<label class="control-label">備註：</label>
							<div class="">
								<textarea name="desc" class="form-control"></textarea>
							</div>
						</div>
						<div class="form-group flex align-center mb-0">
							<label class="control-label"></label>
							<div class="" style="text-align: left;">
								<a class="btn btn-main" id="submitform" href="javascript:void(0);"><span
										class="btntext">提 交</span></a>
							</div>
						</div>

					</form>
				</div>

			</div>

		</div>
		<div class="footer-bottom">
			<ul class="mediacon">
				<li><a href="https://www.full2house.com/" target="_blank"><i class="iconfont iconfh"></i>
						<p>公司簡介</p>
					</a></li>
				<li><a href="mailto:fbit@full2house.com" target="_blank"><i class="iconfont iconyouxiang"></i>
						<p>客服信箱</p>
					</a></li>
				<li><a href="https://www.facebook.com/fubittw" target="_blank"><i
							class="iconfont iconicon_facebook"></i>
						<p>粉絲專頁</p>
					</a></li>
				<li><a href="https://www.facebook.com/groups/fubittw" target="_blank"><i
							class="iconfont iconrenyuan-"></i>
						<p>社团</p>
					</a></li>
			</ul>
			<h5><span class="home-rights__left">© Powered by Full2house Technology 2022</span><span><a
						href="privacy.html">隐私政策</a>|<a href="termsofservice.html">服务条款</a></span></h5>
		</div>
	</footer>

	<script type="text/javascript" src="./js/jquery.min.js"></script>
	<script src="./js/swiper/swiper-bundle.min.js"></script>
	<script src="./js/app.js"></script>
	<script>
		var bannerData = [{
			pcSrc: './images/banner3.jpg', //pc背景
			mobSrc: './images/mob_banner3.jpg', //mob背景
			txt: '', //文字
			link: 'https://www.facebook.com/100017899572114/videos/379302477372888/', //跳转地址
		}, {
			pcSrc: './images/banner4.jpg',
			mobSrc: './images/mob_banner4.jpg',
			txt: '',
			link: 'https://www.facebook.com/100017899572114/videos/643531780189958/',
		}, {
			pcSrc: './images/banner5.jpg',
			mobSrc: './images/mob_banner5.jpg',
			txt: '',
			link: 'https://www.facebook.com/100017899572114/videos/309927147866433/',
		}, {
			pcSrc: './images/banner1.jpg',
			mobSrc: './images/mob_banner1.jpg',
			txt: '福幣直播商城 <br>台灣、馬來西亞、新加坡、香港、波蘭，臉書直播盡在這',
			link: '',
		}, {
			pcSrc: './images/banner2.jpg',
			mobSrc: './images/mob_banner2.jpg',
			txt: '消費立享5%以上回饋點數<br>立即成為福幣用戶，享有消費及推薦回饋',
			link: '',
		}];
		loadBanner();
		$(window).resize(function () {
			loadBanner();
		});

		function loadBanner() {
			myscroll.init({
				node: '.banner-swiper',
				data: bannerData
			});

			// 精美车图轮播
			var picswiper = new Swiper('.banner-swiper', {
				loop: true,
				autoplay: {
					delay: 5000,
				},
				navigation: {
					nextEl: '.banner-swiper .swiper-button-next',
					prevEl: '.banner-swiper .swiper-button-prev',
				},
				// 如果需要分页器
				pagination: {
					el: '.banner-swiper .swiper-pagination',
					clickable: true,
				},
				initialSlide: 0, //初始化为第一张图
				observer: true, //修改swiper自己或子元素时，自动初始化swiper
				observeParents: true,
			});
		}
	</script>

</body>

</html>